input.error { background-color: yellow; }
body { font-family: Helvetica, sans-serif; background-image:url("hauntedHouse.jpeg") }
h1 { text-align: center; color:#ffffff; text-shadow: aquamarine; text-transform: capitalize; }

div.error { text-align: center; color:orange; font-size: 40px }
table.zakladni { border-collapse: collapse; margin-left: auto; margin-right: auto; width:auto  }
table.zakladni th, table.zakladni td{  border: solid 1px black; padding: 4px; width:100px; border-collapse: collapse}

table.form { border-collapse: collapse; margin-right: auto; width:fit-content;text-align: left;}
table.buttons { text-align: center;}
table.buttons th, table.buttons td { border: solid 1px black; padding: 4px;}
/*  http://www.alistapart.com/articles/taminglists/ */
#navigace { width: 75%;  border-bottom: 1px solid #000; margin-bottom: auto; padding-top: 10; 
            background-color: #90bade;  color: #333; opacity: 0.5; float: top; margin-left: auto; margin-right: auto; text-align: center}
#obsah {  margin-top:50;margin-left: auto; margin-right: auto; width:75%; background-color: rgba(135,182,222,0.8); padding-bottom: 15px; padding-top: 5px }



a {color: black}
a:link{ text-decoration: none; }

a:hover {text-decoration: underline;}

#navigace {height: 50px; text-align: center}

#navigace a {margin: 50px 70px 0 0px; font-size: 25px;}
#navigace a:last-child {margin-right: 0px}

td {margin: 10px 0px;}
.textAll {margin-left: 45px; padding-top: 5px}

input {color:black; background-color: rgba(255,255,255,0.8);width:120;}
textarea {color:black; background-color:rgba(255,255,255,0.8);width:120}
select {color:black; background-color:rgba(255,255,255,0.8);width:120;}
fieldset {margin-top: 50px; width: 250px; margin-bottom: 50px; margin-left: 45px;padding-bottom: 20px}


.button {
	-moz-box-shadow:inset 0px 1px 9px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 9px 0px #bee2f9;
	box-shadow:inset 0px 1px 9px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding: 7px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #7cacde;
        margin-bottom: 5px
        
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.button:active {
	position:relative;
	top:1px;
}